﻿<div class="homepage-slide">
<ul class="bxslider">
  <li><img alt="nha hat thanh pho" src="@Url.Content("~/Content/homepage-slide/nhahat_01.jpg")" /></li>
  <li><img alt="nha hat thanh pho" src="@Url.Content("~/Content/homepage-slide/nhahat_02.jpg")" /></li>
  <li><img alt="nha hat thanh pho" src="@Url.Content("~/Content/homepage-slide/nhahat_03.jpg")" /></li>
  <li><img alt="nha hat thanh pho" src="@Url.Content("~/Content/homepage-slide/nhahat_04.jpg")" /></li>
  <li><img alt="nha hat thanh pho" src="@Url.Content("~/Content/homepage-slide/nhahat_05.jpg")" /></li>
  <li><img alt="nha hat thanh pho" src="@Url.Content("~/Content/homepage-slide/nhahat_06.jpg")" /></li>
</ul>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('.bxslider').bxSlider({
            infiniteLoop: true,
            pager: false,
            auto: false,
            mode: 'fade'
        });
    });

</script>